/******公用样式开始*******/
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }

a:focus, a:hover{color: #59a600;}









/*头部导航－第2种开始*/
.top_box2 { height: 45px; line-height: 45px; background: #097e0b;}
.top_box2 .top_left_container { float: left; color: #fff; }
.top_box2 .top_tel_container { float: right;color: #fff; font-size:12px;}
.top_box2 .top_tel_container .f_count { color:#f00;}
.top_box2 .top_tel_container a { color: #fff;}
.top_box2 .top_tel_container span { color: #fff; }

/*修改代码*/
.head_box2 { background: #fff; border-bottom: none;}
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav {background: rgb(255 255 255 / 70%);}
.head_box2 { position: absolute;  width: 100%;  top: 70px;}
.head_box2 nav.navbar.bootsnav ul.nav > li > a { color: #333; }
.head_box2 nav.navbar.bootsnav .navbar-brand { color: #fff; }
.head_box2 .head_title_logo { float: left; width:15%;padding: 10px 15px;}
.head_box2 .head_title_logo img { vertical-align: middle;width: 100%; }
.head_box2 .nav_list { float: right; width: 82%; padding-right: 15px;}

.navbar-collapse{padding: 0;}

.head_box2 .nav > li:after { content: ""; width: 0; height: 3px;  position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; background: #0065b8 !important; }
.head_box2 .nav > li:hover:after { width: 100%; }

nav.navbar.bootsnav li.dropdown ul.dropdown-menu{min-width: 100%;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {padding: 10px;border-bottom: solid 1px #eee;   color: #444; text-align: center;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { background-color: #0065b8;color: #fff;}

.mo-la{display: none;}

/*媒体查询样式*/
@media (min-width: 1024px) {
.head_box2 nav.navbar.bootsnav ul.nav > li > a {padding: 30px 23px;color: #000; margin-bottom: 0;}
.head_box2 nav.navbar.bootsnav ul.nav > li > a:hover { background: none; }
}

@media (max-width: 992px) {
.head_box2 nav.navbar.bootsnav .navbar-brand { padding: 3px 0; }
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav { height: 50px; background: rgb(255 255 255 / 70%);  }
.head_box2 .head_img_bg img { width:35%; padding-left:5%;}
.head_box2 { height:52px;}
.head_box2 .container { height:50px;}
.head_box2 nav.navbar.bootsnav .navbar-collapse { border-right: 1px solid #d7d7d7; }
.head_box2 .side-right .in { background: #fff !important; }
.head_box2 nav.navbar.bootsnav .navbar-toggle { border: 1px solid #9e9e9e; }
.head_box2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { color: #333; }
}
@media (min-width: 992px) and (max-width: 1024px){
.top_box2{display: block !important;}
.head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav{height:78px;}
.common_width{width:970px !important;}
.head_box2 { height:80px;}
.head_box2 .nav_list{margin-top:15px;}
.visible-lg-inline-block { display:block !important;}
.head_box2 .head_title_logo img { width:70%;}
.head_box2 .container { width:100%;}
.head_box2 .nav_list { margin-left:15px;}
}
@media (max-width: 767px) {
.head_box2 .side-right .in { background: #fff !important; border-right: 1px solid #d7d7d7; }
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:5%;}
nav.navbar.bootsnav ul.nav > li:hover { background: none; }
@media (max-width: 768px) and (min-width: 415px) {
.head_box2 .head_img_bg img { width:25%;}
}
/*头部导航－第2种结束*/


@media (min-width: 992px) and (max-width: 1200px){

  .head_box2 nav.navbar.bootsnav ul.nav > li > a { padding: 23px 15px;color: #000;margin-bottom: 0;font-size: 15px;}
  nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right: 1%;top: 32%;}


  
  
  
}
@media (max-width: 992px){

  .head_box2{position: static;}
  .head_box2, .head_box2 .container, .head_box2 nav.navbar.bootsnav { height: 60px;background: #0065b8;}
  nav.navbar.bootsnav .navbar-header{padding: 10px;}
  .head_box2 nav.navbar.bootsnav .navbar-brand { padding: 8px 0;text-align: left;font-size: 24px;  line-height: 1; letter-spacing: 2px;font-weight: bold;}
  .head_box2 nav.navbar.bootsnav .navbar-toggle {border: none; background: none;color: #fff;font-size: 26px;}
  
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { top: 60px;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse { max-height: 550px;}
  nav.navbar.bootsnav .navbar-nav > li.pc-la{display: none;}
  
  .head_box2 nav.navbar.bootsnav ul.nav > li > a:hover,.head_box2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover { color: #fff;background: #0065b8;}
  
  .mo-la {text-align: center;  display: block; padding: 10px 0;border-bottom: 1px solid #ddd;}
  .mo-la a {display: inline-block;font-size: 16px; margin: 0 10px; width: 110px; background: #0065b8;color: #fff;padding: 7px 0;}
  
  
}
@media (max-width: 767px){

  .side-right .in {background: #ffffff !important;}

  .head_box2 nav.navbar.bootsnav .navbar-brand {padding: 8px 0; text-align: left;font-size: 22px; line-height: 1;letter-spacing: 0px;font-weight: normal;}

  .bootsnav{border: none !important;}
  
}



/*产品展示－第1种开始*/
.product_box{background: url(../../../../static/admin/temp/images/productdis/images/1/pro_bg.jpg) top center no-repeat;}
.product_title h3{margin:15px 0;font-size: 24px;}
.product_content .pro_nav{}
.pro_nav li{margin-bottom: 2px;}
.pro_nav li a{display: block;padding: 11px 0;color:#fff;font-size: 16px;background: url(../../../../static/admin/temp/images/productdis/images/1/pro_nav_bg.png) no-repeat center;}
.pro_nav li a:hover{background: #b20000;text-decoration: none;}
.pro_list .pro_img{border: 1px solid #ccc;height:180px;line-height: 180px;background: #fff;overflow: hidden; display:table-cell; vertical-align:middle; width:33.3333%;padding: 2.3%;}
.pro_list .pro_img:hover{border-color:#b20000; }
.pro_list .pro_img img{width:100%;height: 100%;}
.pro_list li{margin-bottom:10px;}
.pro_list li a{display: block;color:#333;}
.pro_list li a:hover{text-decoration: none;}
.pro_list li p{margin:5px 0 0;font-size: 14px;}
@media (max-width: 992px){
.pro_list .pro_img{height:150px;line-height: 144px;}
}
@media (max-width: 767px){
.pro_list .pro_img{height:125px;}
.col-xs-4 { width:49.9999%;}
.pro_list li p{font-size: 12px;}
}
@media (max-width: 320px){
.pro_list .pro_img{height:125px;}
}
/*产品展示－第1种结束*/